﻿/*THIS FILE HANDLES THE OVERRIDING OF STYLESHEETS FROM THE NATIVE OS*/

/* BACKGROUND */
.km-ios .km-view .km-content {
    background-color: #fafafa;
    /*background: url(images/backgrounds/body.jpg);*/
   }
.km-android .km-view .km-content {
    background-color: #fafafa;
    /*background: url(images/backgrounds/body.jpg);*/
}
.km-blackberry .km-view .km-content {
    background-color: #fafafa;
    /*background: url(images/backgrounds/body.jpg);*/
}
.km-wp .km-view .km-content {
    background-color: #fafafa;
    /*background: url(images/backgrounds/body.jpg);*/
}


/* TOP NAVBAR */
.km-ios .km-view .km-navbar
{
    /*background: url(images/backgrounds/top.jpg) repeat-x 0 0;*/
    background-color: rgb(243, 243, 243);
}
.km-android .km-view .km-navbar {
    /*background: url(images/backgrounds/top.jpg) repeat-x 0 0;*/
    background-color: rgb(243, 243, 243);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
}
.km-blackberry .km-view .km-navbar {
    /*background: url(images/backgrounds/top.jpg) repeat-x 0 0;*/
    background-color: rgb(243, 243, 243);
}
.km-wp .km-view .km-navbar {
    /*background: url(images/backgrounds/top.jpg) repeat-x 0 0;*/
    background-color: rgb(243, 243, 243);
}

/* ANDROID - FLIP NAVIGATION BAR - SIDE UP*/
.km-android div.km-view {
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
}

/* NAVBAR */

/*overriding the android back button*/
/*.km-android .km-navbar .km-button.km-back, 
.km-android .km-toolbar .km-button.km-back
{
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    background-image: url('images/back.png');
    background-repeat: no-repeat;
    background-size: 23px 23px;
}*/


.km-android .app-icon{
    background-image: url('images/headerTitle_150_32.png');
    background-repeat: no-repeat; 
    width: 150px;
    height: 36px;
    margin: 6px 0 0 .7rem;
    padding: 0;
    position: relative;
    display: inline-block;
}

.km-ios .km-view .km-navbar .app-icon,
.km-blackberry .km-view .km-navbar .app-icon
{
     background-image: url('images/headerTitle_150_32.png');
      background-repeat: no-repeat; 
    width: 150px;
    height: 36px;
    margin: 6px 0 0 .7rem;
    padding: 0;
    position: relative;
    display: inline-block;
}

/*.km-leftitem, .km-rightitem{
    margin-top: 1em;
}*/

/*IOS : buttons in the header*/
.km-rightitem >.km-ios, .km-rightitem >.km-button,
.km-leftitem >.km-ios, .km-leftitem >.km-button{
    box-shadow: inset 0 0 0 0px rgba(0,0,0,0),inset 0 0px 0px rgba(0,0,0,0);
    -webkit-box-shadow: inset 0 0 0 0px rgba(0,0,0,0),inset 0 0px 0px rgba(0,0,0,0);
    border: 0px;
    border-color: #2f3740 #394d68 #375073;
    background-color: transparent;
}
  


/*This is for android so that the icon can become visible*/
.km-view-title {
    visibility: visible;
}

/* View Title */
.km-ios .km-view-title,
.km-android .km-view-title{
    line-height: 0em;
}
/* TEXT */
.km-android .km-content {
    color: #000;
}

.km-android input[type=password], .km-android input[type=search], .km-android input[type=number], .km-android input[type=tel], .km-android input[type=url], .km-android input[type=email], .km-android input[type=text]:not(.k-input), .km-android textarea{
    color: #000;
}